<div data-hook="admin_payment_form_fields" class="row">
  <div class="col-xs-3">
    <div class="field">
      <%= f.label :amount %>
      <%= f.text_field :amount, :value => @order.display_outstanding_balance.money, :class => 'fullwidth' %>
    </div>
  </div>
  <div class="col-xs-9">
    <div class="field">
      <label><%= Spree::PaymentMethod.model_name.human %></label>
      <ul>
        <% @payment_methods.each do |method| %>
          <li>
            <label data-hook="payment_method_field">
              <%= radio_button_tag 'payment[payment_method_id]', method.id, method == @payment_method, { class: "payment_methods_radios" } %>
              <%= method.name %>
            </label>
          </li>
        <% end %>
      </ul>

      <div class="payment-method-settings">
        <% @payment_methods.each do |method| %>

          <div class="payment-methods" id="payment_method_<%= method.id %>">
            <% if method.source_required? %>
              <br />
              <%= render :partial => "spree/admin/payments/source_forms/#{method.method_type}",
                         :locals => { :payment_method => method, previous_cards: method.reusable_sources(@order) } %>
            <% end %>
          </div>
        <% end %>
      </div>
    </div>
  </div>
</div>
